@import  "../../base/fn";
.ui-loading-wrap{
	display: -webkit-box;
	-webkit-box-pack: center;
	-webkit-box-align: center;
	text-align: center;
	height: 40px;
}
.ui-loading{
	width: 20px;
	height: 20px;
	display: block;
	background: url();
	-webkit-background-size: auto 20px;
    -webkit-animation: am-rotate 1s steps(12,end) infinite;

}
.ui-loading-bright{
    width: 37px;
    height: 37px;
    display: block;
    background-image: url();
    -webkit-background-size: auto 37px;
    -webkit-animation: am-rotate 1s steps(12) infinite;

}
.ui-loading-wrap .ui-loading{
	margin: 10px;
}
.ui-loading-block{
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: $z-index-overlay;
    display: -webkit-box;
    -webkit-box-orient: horizontal;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    background: rgba(0,0,0,.4);
    display: none;
    background: rgba(0,0,0,0);
    .ui-loading-cnt{
        width: 130px;
        height: 110px;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-box-align: center;
        text-align: center;
        background: rgba(0,0,0,.65);
        border-radius: 6px;
        color: #fff;
        font-size: $font-size-info;
    }
    .ui-loading-bright{
        margin: 18px 0 8px;
    }
}
.ui-loading-block.show{
    display: -webkit-box;
    display: box;
}

@-webkit-keyframes am-rotate {
	0% {
	  -webkit-transform: rotate3d(0, 0, 1, 0deg);
	}

	100% {
	  -webkit-transform: rotate3d(0, 0, 1, 360deg);
	}
}
